<div class="col-main clearfix">			
<div class="main-wrap" id="colMainWrapper">
	<div id="detail" class="box">          					            		
	<!--detailBasic.vm -->
		<div class="detail-hd">
			<#assign contentletAPI = variableMacroHelper.contentletAPI />
			<#assign preferenceAPI = variableMacroHelper.preferenceAPI />		
			<h3>
				${contentlet.title}
			</h3>
			<!--
			<p>
				<span>举报此商品(<a data-storenick="奥翼母婴专营店" data-storeid="" data-username="" data-userid="0" data-userintegral="" id="J_ReportTrigger" href="#">无货举报</a><a class="another" href="http://support.taobao.com/myservice/suit/accuse_punish.jhtml?auction_num_id=2254206470&amp;display_type=3">其他举报</a>)
				</span>
			</p>
			-->
		</div>
		<div class="detail-bd clearfix">
			<div class="summary clearfix">
				<div class="property">
					<div class="wrap">
						<ul class="meta">
												
						<!--itemPrice.vm -->
						<li class="detail-price clearfix" id="J_StrPriceModBox">
							<span>价&nbsp;&nbsp;&nbsp; 格：</span>
							<del id="J_StrPrice">${contentlet.salePrice?string.number}</del>	
						</li>
						<!--
						<li class="promo clearfix" id="Li_promo"><span>促　　销：</span>
							<ul class="clearfix" id="Ul_promo">
								<li><span title="限时促销" class="icon limit-prom" id="J_ImgLimitProm"></span><strong id="J_SpanLimitProm" class="price">58.50</strong>元</li>
								<li>(剩 <em id="J_EmLimitPromCountdown">5小时41分钟</em> 结束)</li>
								<li> <span class="icon shop-card-money" id="J_CardToMoney"></span></li>
							</ul>
						</li>
						-->
						<!--end of itemPrice.vm -->		        			        			        		

						<!--itemPostFee-->
						<li class="postage-cont delivery clearfix" id="J_PostageCont"><span>至<a id="J_PostageToggle" class="postage-toggle">北京</a>：</span><em id="J_PostageList">快递: 12.0元</em>
						</li>
						<!--itemPostFee-->		      
						<!--otherInfo.vm-->
						<li class="sold-out clearfix">
							<span>已 售 出：</span><em>${contentlet.soldOut}</em>件
						</li> 
						<li class="item-rates clearfix">
							<span>评　　价：</span>
							<div id="J_Stars">
								<p><span title="${contentlet.rating}分，共${contentlet.ratingCount}人已评" class="c-value-no c-value-4d7 show-value-popup"><em>${contentlet.rating}分</em></span><span>(<a id="J_MallReviewTabTrigger" href="#">已有<em>${contentlet.commentCount}</em>人评论</a>)</span></p>
							</div>
						</li>
						<!--
						<li class="item-bonus clearfix"><span>送 积 分：</span>单件送<em id="J_EmPoint">32</em>分</li>
						-->
						<!--end of otherInfo.vm-->						        
					</ul>
						
																													
					<div class="key">
						<div class="skin naked">
							<dl class="amount clearfix">
								<dt>数&nbsp;&nbsp;&nbsp;&nbsp;量：</dt>
								<dd>
									<input type="text" value="1" class="text" id="J_IptAmount">件
									<!--
									<em>(每人限购<span class="count" id="J_SpanPromLimitCount">10000</span>件)</em>
									<em class="hidden">(库存<span class="count" id="J_SpanStock">17296</span>件)</em>
									-->
								</dd>
							</dl>
							
							<div class="action clearfix">
								<div class="btn-buy"><a title="点击此按钮，到下一步确认购买信息。" href="javascript:document.bidForm.submit();" data-addfastbuy="true" id="J_LinkBuy">立即购买</a>
								</div>
								<!--
								<div class="btn-add">
									<a style="display: none;" id="J_LinkAdd" title="加入购物车" href="#">加入购物车</a>
									<a title="参加限时打折的宝贝不能使用购物车" class="disabled" href="javascript: void(0);">加入购物车</a>
								</div>
								-->
							</div>
						</div>
					</div>
																		
					<ul class="other clearfix"></ul>
				</div>
			</div>
			<div class="gallery">					
				<!--itemPics-->
				<div class="booth pic s310">
					<a target="_blank" href="#">
						<img data-haszoom="700" src="${preferenceAPI.webAppImgHttpBasePath?default("")}${contentlet.fileAsset.path}" id="J_ImgBooth">
					</a>
					<div id="J_zoomIcon" class="zoom-icon hidden"></div>
				</div>
				<!--
				<ul class="thumb clearfix" id="J_UlThumb">
					<li class="selected">
						<div class="pic s40">
							<a href="#">
								<img src="http://img01.taobaocdn.com/imgextra/i1/T18ZJxXdlzXXc3jyna_091436.jpg_40x40.jpg" data-ks-imagezoom="http://img05.taobaocdn.com/imgextra/i5/T1DERIXmXsXXa26X.Z_031259.jpg">
							</a>
						</div>
					</li>
					<li>
						<div class="pic s40">
							<a href="#">
								<img src="http://img01.taobaocdn.com/imgextra/i5/119521080/T2o.XdXblcXXXXXXXX_!!119521080.jpg_40x40.jpg" data-ks-imagezoom="http://img05.taobaocdn.com/imgextra/i5/T1DERIXmXsXXa26X.Z_031259.jpg">
							</a>
						</div>
					</li>
				</ul>
				-->
				<!--end of itemPics-->				       
				<p class="action clearfix">    
					<!--
						<a title="分享给好友" data-offsety="-40" data-closebtn="true" data-height="100" data-width="445" class="J_PopupTrigger recommend J_Recommend" target="_blank" href="http://jianghu.taobao.com/admin/share/item_share.htm?id=2254206470">
							<i></i>分享给好友
						</a>
					-->
					<a title="收藏该宝贝" class="J_PopupTrigger xshop_sc  favorite" href="${currentSite.schemaName}/domain/faverite/create?inode=${contentlet.inode}">
						<i></i>收藏该商品
					</a>
					<span class="fav-num">(<em id="J_CollectCount">3657</em>人收藏)</span>
				</p>
			</div>
			<div class="shopkeeper"></div>
			</div>
		</div>
		<!--end of detailBasic.vm -->			            													            						        						        		 
		<!--itemAttributeCatTips.vm-->
		<ul id="J_TabBar" class="ks-switchable-nav tabbar">
			<li class="selected"><a data-index="0">商品详情</a></li>
			<li class=""><a data-index="1">评价详情(<em class="J_ReviewsCount">2332</em>)</a></li>
			<li class=""><a data-index="2">成交记录(<em>12791</em>件)</a></li>
			<li class=""><a data-index="3">掌柜推荐</a></li>

			<!--<li class=""><a href="#sellerinfo" data-index="3">服务质量</a></li>
			<li class=""><a href="#other-info" data-index="5">售后服务</a></li>
			<li class=""><a href="#guestbook" data-index="6">留言簿</a></li>-->
		</ul>
		
		<div id="attributes" class="attributes">   									
			<!-- uri: /spubase/showShopPromotionInfo.vm cacheTime: 2011-02-23 17:04:30 key: b772a8f7af1e6d29597682be163206af cacheArea: 0 aliveTime: 900 cacheType: PAGE_CACHE_CONTROL_TYPE}  -->
			<#if (couponList?size > 0)>
			<div class="fence scrolling-promo">
				<div class="bdy">
					<h4><span class="promo-icon">买就送</span>活动:</h4>
					<div class="scrolling-promo-box" id="J_ScrollingPromo">
						<ul class="scrolling-promo-content" id="J_ScrollingPromoContent">
							
							<#list couponList as coupon>
								<li class="item ">
									${coupon.name}
								</li>
							</#list>
							<!--
							<li class="item ">
								<ul>
									<li>
										<p>单笔订单满<em class="over">88</em>元 ，送“淘宝天下一本”;</p>
									</li>
									<li>
										<p>单笔订单满<em class="over">188</em>元 ，送“江浙沪地区包邮”;</p>
									</li>
								</ul>
							</li>
							
							<li class="item ">
								<ul>
									<li>
										<p>单笔订单满<em class="over">388</em>元 ，送“宝宝小礼品一份”;</p>
									</li>
									<li>
										<p>单笔订单满<em class="over">500</em>元 ，送“全国包邮，详情请咨询客服”;</p>
									</li>
								</ul>
							</li>
							-->
						</ul>
					</div>
					<!--
					<div class="extra">
							湿巾，大件，尿裤，重物除外，请谅解！所有优惠不兼得哦！消费金额不含运费金额哦！更多优惠请咨询客服！~
					</div>
					-->
					<div class="extra-list hidden">
						<ul class="J_ScrollingPromoExtraList "></ul>
					</div>
				</div>
			</div>
			</#if>
					
			<ul class="attributes-list">
				<#list contentlet.fieldWrappers as fieldWrapper>
					<li title="">
						${fieldWrapper.field.fieldName}：${fieldWrapper.fieldValue?default("")}
					</li>
				</#list>																					
			</ul>
		</div>
	 
		<!--end of itemAttributeCatTips.vm-->
		
		<!--itemBidFrom.vm-->
		<form method="post" action="${currentSite.schemaName}/auction/addToCart" name="bidForm" id="J_FrmBid">
			<input type="hidden" value="${contentlet.inode}" name="orderItem.contentletInode">
			<input type="hidden" value="1" name="orderItem.quantity" id="quantity">    	
			<!--
			<input type="hidden" value="${contentlet.title}" name="orderItem.title">
			<input type="hidden" value="${contentlet.folderInode}" name="orderItem.folderInode">
			<input type="hidden" value="${contentlet.listPrice}" name="orderItem.listPrice">    	
			<input type="hidden" value="${contentlet.salePrice}" name="orderItem.price">    	
			<input type="hidden" value="${contentlet.fileAsset.path}" name="orderItem.friendlyName">        
			<input type="hidden" value="" name="orderItem.sku" id="skuId">    	
			<input type="hidden" value="12" name="orderItem.shipping">    	
			<input type="hidden" value="${contentlet.company.inode}" name="orderItem.companyInode">
			-->
		</form>
		<!--end of itemBidFrom.vm-->
	</div><!--   end of detail--->
	
	<div id="J_Detail" class="ks-switchable-content tb-box">
		<div id="description" class="J_DetailSection">		
			<h4 class="hd" style="display: none;">商品详情</h4>
			<div id="J_DivItemDesc" class="content">
				${contentlet.content?default("")}
			</div>
		</div>

		<div id="reviews" class="J_DetailSection" style="">
			<h4 class="hd" style="display: none;">评价详情(<em class="J_ReviewsCount">145</em>)</h4>
			<div class="bd">
			
			</div>
		</div>
		<div id="deal-record" class="J_DetailSection" style="">
			<h4 class="hd" style="display: none;">成交记录(<em>2293</em>件)</h4>
			<div>
			</div>
			<div id="J_showBuyerList" class="J_TAjaxContainer"></div>
		</div>

		<div id="recommendation" class="simple J_DetailSection hslice" style="">
			<h4 class="hd">掌柜推荐</h4>
			<div id="J_recommendation" class="recommend grid entry-content J_TAjaxContainer">

				<ul class="shop-list">
				<#assign contentlets = contentletAPI.getListByFolderAndContainer(contentlet.folderInode, 10, 4) />
				<#list contentlets as content>
				<li>
					<div class="item">
					<div class="pic">
						<a href="${currentSite.schemaName}/shop/item?inode=${content.inode}" target="_blank">
						<img src="http://img03.taobaocdn.com/bao/uploaded/i3/T1MMl2XaBBXXX9eQMV_021415.jpg_sum.jpg" alt="${content.title}">
						</a>
					</div>
					<div class="price">
						<strong>￥${content.listPrice}元</strong>
					</div>
					<div class="desc">
						<a class="permalink" href="${currentSite.schemaName}/shop/item?inode=${content.inode}" target="_blank">${content.title}</a>
					</div>
					</div>
				</li>
				</#list>
				</ul>
			</div>
		</div>
		<#assign contentlets = contentletAPI.getListByItemBasedRecommand(contentlet.inode, 4) />

		<#if (contentlets?size > 0)>
		<div id="rr-detail-recommend" class="correlative-items J_TAjaxContainer" data-sellerid="405981619" data-catid="50009522" data-itemid="9511331628">
			<div id="related-items" class="grid">
				<h5>浏览了该宝贝的会员还浏览了</h5>

				<ul class="shop-list">
					<#list contentlets as content>
					<li>
						<div class="item">
							<div class="pic">
								<a class="side-item" target="_blank" href="${currentSite.schemaName}/shop/item?inode=${content.inode}">
								<img alt="${content.title}" src="http://img.taobaocdn.com/bao/uploaded/i3/T1LLN0XiFzXXaIJ1EW_023257.jpg_160x160.jpg">
								</a>
							</div>
							<div class="desc">
								<a class="side-item" style="width" target="_blank" href="${currentSite.schemaName}/shop/item?inode=${content.inode}">${content.title}</a>
							</div>
							<div class="price">
								<strong>${content.listPrice}</strong>
							</div>
						</div>
					</li>
					</#list>
				</ul>
			</div>
		</div>
		</#if>
	</div>
</div>
</div>

<script>
    KISSY.ready(function(S) {
        var tabs = new S.Tabs('#colMainWrapper',{triggerType: 'click'});
		/**
        tabs.on('beforeSwitch', function(ev) {
			S.log(ev);
            var index = ev.toIndex;
            if (index !== 0 && index !== 4) { // 不改变第 1 个和第 5 个 Panel 的内容
                this.panels[index].innerHTML = 'index = ' + index;
            }
        });
		**/
    });
</script>
